<include file="header" />
<style>
#form{background:#ddd;}
#form input[type="text"]{height:30px; line-height:1; text-indent:0.5em; border-radius:4px; border:1px solid #ccc; box-shadow:0 1px 3px #ccc inset;}
</style>
<script type="text/jscript">
	

	$(function(){
		document.title = '民网在线 - 新工单添加';		//修改页面标题
		//初始化表单类型的选择的元素显示样式
		if($("#forms").val()==-1){
			$("#sub").attr('disabled','disabled');
		}else{
			$.post("{:U('Mission/getForm')}",{fid:$("#forms").val()},function(data){
			$("#sub").attr('disabled',false);
			$("#form").html(data['temp']);
			$("#fid").attr('value',data['fid']);
			},'json');
		}
		
		
		//获取选择的表单的ID 异步处理相对应的表单模型到页面
		$("#forms").change(function(){
			var id = $(this).val();
			if(id==-1){
				$("#form").html('');
				$("#sub").attr('disabled','disabled');
				return;
			}
			$.post("{:U('Mission/getForm')}",{fid:id},function(data){
			$("#sub").attr('disabled',false);
			$("#form").html(data['temp']);
			$("#fid").attr('value',data['fid']);
			
			setTimeout(function(data){
				$(".checkoutform:eq(0)").Validform({
			tiptype:3
	    });
		
			},1000);
			
			
			},'json');
		});
		
		//修改获取的表单的样式
		$("#form input").css("width:400px;");
		
		//使表单有验证功能
		$(".checkoutform:eq(0)").Validform({
			tiptype:3
	    });
		
		
	});
	
	
	
	
</script>

<div class="main">

	<div class="main_column" style="width:1096px;margin:0 auto;">

		<div class="box_wrap">

		   <div class="box_head">
             <div class="box_title">

             提交新工单

            </div>

          </div>

			<div class="page-form">
            	<form id="dataform" enctype="multipart/form-data" action="{:U('insert')}" method="post" class="checkoutform">
                	<input style="display:none;" name="openid" value="oGQaKjrCk54DLmIyUGe-cfIwAxgE"/>
                    <input style="display:none" name="fid" id="fid" value="" /><!-- 用户当前选择的表单 -->
                    <table>
                    	<tr>
                        	<td width="216">输入您的问题：</td>
                            <td width="868" colspan="2"><input style="width:367px;" nullmsg="请填写您问题。" datatype="*" name="title" /></td>
                        </tr>
                    	<tr>
                        	<td>您的问题详述：</td>
                            <td colspan="2"><textarea datatype="*" style="width:352px;" nullmsg="请输入您的问题详述。" name="detail"></textarea></td>
                        </tr>
                    	<tr>
                        	<td>选择问题类型：</td>
                            <td colspan="2">
                            	<select name="forms" nullmsg="请选择问题类型！" id="forms">
                                	<option value="-1" selected="selected">请选择</option>
                                	<volist name="forms" id="vo">
                                    	<option value="{$vo['id']}">{$vo['name']}</option>
                                    </volist>
                                </select>
                            </td>
                        </tr>
                    	<tr>
                        	<td colspan="3"><div id="form" style="width:593px;"></div></td>
                        </tr>                        
                    	<tr align="center">
                    	  <td></td>
                    	  <td align="left" valign="middle"><input name="verify" datatype="*" onclick="if(this.value=='验证码')this.value='';" onblur="if(this.value=='')this.value='验证码';" type="text" id="verify" value="验证码" 
                      size="8" maxlength="6" style="height:30px; background:#fff; width:160px;border:1px solid #ccc; padding-left:0.5em; border-radius:2px; box-shadow:0 0 1px #ccc inset;  line-height:1;"/></td>
                    	  <td>&nbsp;</td>
                  	  </tr>
                    	<tr align="center">
                        	<td>
                            
                            	
                            
                            
                            
                            
                            </td>
                        	<td align="left" valign="middle"><img id="verify_img" style="border:1px solid #ccc; 
" src="{:U('Admin/Public/verify')}" onClick= "this.src='{:U('Admin/Public/verify')}?'+new Date().getTime()"/>
                            
                            
                            </td>
                        	<td><input id="sub" type="submit" value="提交" /></td>
                        </tr>
                    </table>
                    
                    
                </form>
            </div>

	    </div>

	</div>

</div>

<include file="footer" />